<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<fmt:setBundle basename="baiwa.rta.language.common" />

<script type="text/javascript" src="../js/controller/user/ROL001.js" ></script>


<div id="container">
	<div id="content">
		<div class="warpper">
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td colspan="9" class="header2" style="border-bottom: 1px #bbb solid;"><fmt:message key="common.label.criteria" /></td>
				</tr>
			</table>
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr >
					<td width="25%;" class="header">Role Name</td>
					<td><input id="roleName" type="text" placeholder="Enter Role Name" ></td>
					<td class="header">Role Description</td>
					<td><input id="roleDesc" type="text" placeholder="Enter Description" ></td>
					<td class="header">Status</td>
					<td>
						<select id="active" class="input-default">
						</select>
					</td>
					<td width="20%;"></td>
				</tr>
				<tr>
					<td colspan="9"  style="text-align: center;" padding: 30px;"><br>
					<button type="button" id="btnSearch" class="btn btn-default btn-info"><i class="fa fa-search"></i> Search</button>&nbsp;
					<button type="button" id="btnClear" class="btn btn-default btn-info"><i class="fa fa-refresh"></i> Clear</button>
				</tr>
			</table>
			
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td class="header2" style="border-bottom: 1px #bbb solid;"><fmt:message key="common.label.detail" /></td>
				</tr> 
				<tr>
					<td >
						<button type="button" class="btn btn-success" onclick="location='ROL001A'"><i class="fa fa-plus"></i>&nbsp;&nbsp;New Role </button>
					</td>
				</tr>
			</table>

			<table id="dataTable" cellpadding="3" cellspacing="0" border="0" class="display" >
					
					<thead>
						<tr >
							 <th class="center" ></th>
							 <th class="center">Role Name</th>
							 <th class="center">Role Description</th>
							 <th class="center">User Grant</th>
							 <th class="center">Room Grant</th>
							 <th class="center">ResultPlan Grant</th>
							 <th class="center">Status</th>
						</tr>
					</thead>
				</table>
<!-- 				<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;"> -->
<!-- 					<tr> -->
<!-- 						<td align="right" ><a href="../pr/add" class="button"> Save </a>&nbsp;&nbsp;&nbsp;<a href="#" class="button"> Cancel </a></td> -->
<!-- 						<td><a href="#" class="button"> CANCEL </a></td> -->
<!-- 						<td><a href="#" class="button"  > ส่งเมลล์ขออนุมัติ </a></td> -->
<!-- 					</tr> -->
<!-- 				</table> -->
		</div>
	</div>
</div>
